<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>新媒体传播-图片频道</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/category_img.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/jquery.scroll.pack.js" type="text/javascript"></script>
<script type="text/javascript">
	$(function() {
		$("#toTop").scrollToTop({speed:1000,ease:"easeOutBounce",start:700});
	});
</script>
</head>

<body>

<div class="topad"><a href="#"><img src="imgs/img1.jpg" /></a></div>

 
<div class="toper"> 
      <div class="login">
      	<form action="" method="get">
        	  用户名:<input name="" type="text" class="text" />                              
              密码:<input name="" type="text" class="text" /> 
              <input name="" type="button" value="登陆" class="submit" />   |  <a href="#">注册</a>  <a href="#">找回密码</a>                  
        </form>
      </div>
      <div class="logined" style="display:none">
      	刘德华  新媒体传播网欢迎您的加入！！  登录时间：2012-03-04 02:30 
      	  <input type="submit" class="submit" value="退出" />
	  </div>
      <div class="tool">
      	<a href="#" class="t1">设为首页</a>  |        
        <a href="#" class="t2">联系我们</a>  |        
        <a href="#" class="t3">设为首页</a>
      </div>
</div>

<div class="header2">
	<div class="logo">
    	<a href="#">图片频道</a>
    </div>
    <div class="nav">
        <li><a href="#" class="selected">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li class="last"><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li><a href="#">标 题</a></li>
        <li class="last"><a href="#">标 题</a></li>
    </div>
</div>

<div class="curr">
	<div class="inner"><a href="#">新媒体传播网</a> >>  资讯频道</div>
<div class="search">
    	<form action="" method="get">
        	<input name="" type="text" class="text" />
            <input name="" type="button" class="submit" />
        </form>
    </div>
</div>

<DIV class="wrapper">


<div class="pagebody">
	<div class="focus">
        <div class="lfocus">
         
            <script type="text/javascript">
                $(function(){
                    $('.slide .bar .text').html($('.slide .bar .button a:first').attr('title'));
                    $('.slide .inner img').attr('src',$('.slide .bar .button a:first').attr('lang'));
                    $('.slide .inner a').attr('href',$('.slide .bar .button a:first').attr('href'));
                        
                    $('.slide .bar a').hover(function(){
                        
                        // 文字
                        $('.slide .bar .text').html($(this).attr('title'));
                        
                        // 图片
                        $('.slide .inner img').attr('src',$(this).attr('lang'));
                        
                        // 链接
                        $('.slide .inner a').attr('href',$(this).attr('href'));
                        //状态
                        $('.slide .bar a').removeClass('selected');
                        $(this).addClass('selected');
                    })
                })
            </script>
            <div class="slide">
                <div class="inner">
                    <a href="#"><img src="#" /></a>
                </div>
                <div class="bar">
                    <div class="text">&nbsp;</div>
                    <div class="button">
                        <a class="selected" href="#1" title="图片说明图片说明图片说明图片说明图片说明图片说明图片说明" lang="imgs/img21.gif">1</a>
                        <a href="#2" title="22222222222222222" lang="imgs/img21.gif">2</a>
                        <a href="#3" title="33333333333333333" lang="imgs/img21.gif">3</a>
                        <a href="#4" title="4444444444444444" lang="imgs/img21.gif">4</a>
                        <a href="#5" title="5555555555555555" lang="imgs/img21.gif">5</a>
                        <a href="#6" title="6666666666666666" lang="imgs/img21.gif">6</a>
                    </div>
                </div>
            </div>
            
        </div>
        <div class="rfocus">
        
            <div class="inner">
                <h2><a href="#">中宣部中组部向党员推荐第六</a></h2>
            </div>
            <ul>
                <li><a href="#">.全国人大常委会将开展文物保护法</a></li>
                <li><a href="#">.全国人大常委会将开展文物保护法</a></li>
                <li><a href="#">.全国人大常委会将开展文物保护法</a></li>
                <li><a href="#">.全国人大常委会将开展文物保护法</a></li>
                <li><a href="#">.全国人大常委会将开展文物保护法</a></li>
                <li><a href="#">.全国人大常委会将开展文物保护法</a></li>
                <li><a href="#">.全国人大常委会将开展文物保护法</a></li>
                <li><a href="#">.全国人大常委会将开展文物保护法</a></li>
                <li><a href="#">.全国人大常委会将开展文物保护法</a></li>
                <li><a href="#">.全国人大常委会将开展文物保护法</a></li>
            </ul>
            
            
        </div>
    </div>
</div>

<div class="pagebody">
	<a href="#"><img src="imgs/img23.jpg" /></a>
</div>


<div class="pagebody">
	<div class="leftpage">
    	<div class="imglist">
        	<div class="head">
            	<span>国际图片</span>
                <a href="#">更多>></a>
            </div>
            <div class="body">
            	<div class="inner">
                	<a href="#"><img src="imgs/img24.gif" /></a>
                    <p><a href="#">图片信息图片信息图片信息图片信息图片信</a></p>
                </div>
                <ul>
                	<li>
                    	<a href="#"><img src="imgs/img25.gif" /></a>
                    	<p><a href="#">超模时尚界的灵感缪斯</a></p>
                    </li>
                	<li>
                    	<img src="imgs/img26.gif" />
                    	<p><a href="#">超模时尚界的灵感缪斯</a></p>
                    </li>
                	<li>
                    	<a href="#"><img src="imgs/img25.gif" /></a>
                    	<p><a href="#">超模时尚界的灵感缪斯</a></p>
                    </li>
                	<li>
                    	<img src="imgs/img26.gif" />
                    	<p><a href="#">超模时尚界的灵感缪斯</a></p>
                    </li>
                </ul>
            </div>
        </div>
        <!--//-->
        <div class="imglist">
        	<div class="head">
            	<span>国际图片</span>
                <a href="#">更多>></a>
            </div>
            <div class="body">
            	<div class="inner">
                	<a href="#"><img src="imgs/img24.gif" /></a>
                    <p><a href="#">图片信息图片信息图片信息图片信息图片信</a></p>
                </div>
                <ul>
                	<li>
                    	<a href="#"><img src="imgs/img25.gif" /></a>
                    	<p><a href="#">超模时尚界的灵感缪斯</a></p>
                    </li>
                	<li>
                    	<img src="imgs/img26.gif" />
                    	<p><a href="#">超模时尚界的灵感缪斯</a></p>
                    </li>
                	<li>
                    	<a href="#"><img src="imgs/img25.gif" /></a>
                    	<p><a href="#">超模时尚界的灵感缪斯</a></p>
                    </li>
                	<li>
                    	<img src="imgs/img26.gif" />
                    	<p><a href="#">超模时尚界的灵感缪斯</a></p>
                    </li>
                </ul>
            </div>
        </div>
        <!--//-->
    </div>
    <div class="rightpage">
    	<div class="rb">
        	<div class="head">
            	<span>图片排行榜</span>
                <a href="#">更多>></a>
            </div>
            <div class="body">
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
                <a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            </div>
        </div>
        <div class="rb">
        	<div class="head">
            	<span>网友关注</span>
                <a href="#">更多>></a>
            </div>
            <div class="body">
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
                <a href="#">全国人大常委会将开展文物保护法执法检</a>
            	<a href="#">全国人大常委会将开展文物保护法执法检</a>
            </div>
        </div>
        <div>
        	<a href="#"><img src="imgs/img28.gif"/></a>
        </div>
    </div>
</div>

<div class="hotimg">
	<div class="head"><span>热点推荐</span></div>
    <div class="body">
    	<ul>
        	<li>
            	<a href="#"><img src="imgs/img27.gif"/></a>
                <p><a href="#">图片说明图片说明图片说</a></p>
            </li>
        	<li>
            	<a href="#"><img src="imgs/img27.gif"/></a>
                <p><a href="#">图片说明图片说明图片说</a></p>
            </li>
        	<li>
            	<a href="#"><img src="imgs/img27.gif"/></a>
                <p><a href="#">图片说明图片说明图片说</a></p>
            </li>
        	<li>
            	<a href="#"><img src="imgs/img27.gif"/></a>
                <p><a href="#">图片说明图片说明图片说</a></p>
            </li>
        	<li>
            	<a href="#"><img src="imgs/img27.gif"/></a>
                <p><a href="#">图片说明图片说明图片说</a></p>
            </li>
        	<li>
            	<a href="#"><img src="imgs/img27.gif"/></a>
                <p><a href="#">图片说明图片说明图片说</a></p>
            </li>
        </ul>
    </div>
</div>

<div class="pagebody">
	<a href="#"><img src="imgs/img4.jpg" /></a>
</div>
</DIV>

<div class="footer">
    <div class="copyright">
    		<p>地址：北京市朝阳区安立路68号阳光广场B2座2503室 邮编100101</p>
    		<p>电话：010-64893755 传真：010-64893755</p>
    		<p>Copyright@ 2008-2011 版权声明：新媒体传播网</p>
    		<p>京ICP备08102471号 <script src="http://s19.cnzz.com/stat.php?id=3214494&web_id=3214494&show=pic" language="JavaScript"></script></p>
    </div>
</div>
<div class="btop" id="toTop">
	 <a href="#">返回顶部</a> — <a href="#">找客服</a>
</div>


</body>
</html>